<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			img{
				width: 250px;
				height: 250px;
				margin-top: 75px;
			}
			div{
				border: #000000 solid 1px;
			}
			#goodinfo{
				width: 80%;
				height: 400px;
				position: relative;
				margin: auto;
			}
			#goodinfo div{
				float: left;
			}
			#goodinfo div div{
				width: 100%;
			}
		</style>
	</head>
	<body>
		<div id="indexhead" style="width: 100%;height: 60px;position: relative;z-index: 5;">
			<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="header.html" width="100%"></iframe>
		</div>
		<div style="text-align: center;"><p>竞价室</p></div>
		<div id="goodinfo" th:each="s:${info.list}">
			<div style="width: 40%;height: 400px;text-align: center;">
				<img src="../static/images/img/shoes2.jpg" >
			</div>
			<div style="width: 700px;height: 400px;">
				<div>消息通知</div>
				<div>当前拍品：</div>
				<div>距结束：</div>
				<div style="text-align: center;">
					<div><font size="4">当前价：</font></div>
					<div>保证金：</div>
					<div>拍卖次数：</div>
					<div>加价幅度</div>
					<div>
						设置步长（layui模板）
						<input type="button" name="" id="" value="出价" />
					</div>
				</div>
			</div>
		</div>
		<div id="auctiontable">
			<div style="text-align: center;"><p>当前竞拍用户</p></div>
			<div style="overflow-y: auto;">
				<table class="layui-table" lay-skin="line">
				  <colgroup>
				    <col width="250">
				    <col width="250">
				    <col width="300">
				    <col width="500">
				  </colgroup>
				  <thead>
				    <tr>
				      <th>状态</th>
				      <th>竞拍人</th>
				      <th>价格</th>
				      <th>时间</th>
				    </tr> 
				  </thead>
				  <tbody>
				    <tr>
				      <td></td>
				      <td></td>
				      <td></td>
				      <td></td>
				    </tr>
				  </tbody>
				</table> 
			</div>
		</div>
	</body>
</html>
